<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>
<script src='https://www.google.com/jsapi' type='text/javascript'>
    </script>
    <script type='text/javascript'>

      // Load the Google Transliterate API
      google.load(&quot;elements&quot;, &quot;1&quot;, {
            packages: &quot;transliteration&quot;
          });

      function onLoad() {
        var options = {
            sourceLanguage:
                google.elements.transliteration.LanguageCode.ENGLISH,
            destinationLanguage:
                [google.elements.transliteration.LanguageCode.HINDI],
            shortcutKey: &#39;ctrl+g&#39;,
            transliterationEnabled: true
        };

        // Create an instance on TransliterationControl with the required
        // options.
        var control =
            new google.elements.transliteration.TransliterationControl(options);

        // Enable transliteration in the textbox with id
        // &#39;transliterateTextarea&#39;.
        control.makeTransliteratable([&#39;transliterateTextarea&#39;]);
      }
      google.setOnLoadCallback(onLoad);
    </script>
</body>
<div class="techprevue-google-transliterate-API">
    <b>????? ???? ??? ???? ????? ???? ???????? CTRL+g ????? ???? ???</b><br />
    <textarea id="transliterateTextarea" style="width:500px;height:200px"></textarea>
   </div>
</html>